/* 统一定义 */

/* 设置网站根字体为10px，便于使用rem单位 */
html {
    font-size: 62.5%;
  }
  
  /* 网站主色 */
  body {
    color: #333;
  }
  
  /* 网站a标签统一定义 */
  a {
    text-decoration: none;
    color: #333;
  }
  
  /* 文本类标签的统一定义，去掉影响布局的外边距、内边距 */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  figure {
    margin: 0;
    padding: 0;
    font-weight: normal;
  }
  
  /* 去掉li的列表项标示 */
  li {
    list-style-type: none;
  }
  
  /* 图片针对父容器等比例缩放 */
  img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  
  /* 整站固定宽度盒子定义，且居中 */
  .w1200 {
    width: 120rem;
    margin: 0 auto;
  }
  
  /* 最外层盒子的宽度 */
  header,
  nav,
  main,
  footer {
    width: 100%;
  }
  
  /* 顶部外边距 */
  .mt10 {
    margin-top: 1rem;
  }
  
  .mt20 {
    margin-top: 2rem;
  }
  
  .mt30 {
    margin-top: 3rem;
  }
  